/* 字号大小 */
.f-12 {
	font-size: 24rpx!important;
}
.f-13 {
	font-size: 26rpx!important;
}
.f-14 {
	font-size: 28rpx!important;
}
.f-15 {
	font-size: 30rpx!important;
}
.f-16 {
	font-size: 32rpx!important;
}
.f-17 {
	font-size: 34rpx!important;
}
.f-18 {
	font-size: 36rpx!important;
}
.f-20 {
	font-size: 40rpx!important;
}
.f-30 {
	font-size: 60rpx!important;
}
.f-40 {
	font-size: 80rpx!important;
}
.f-50 {
	font-size: 100rpx!important;
}
.f-60 {
	font-size: 120rpx!important;
}

/* 宽度 1%-100% */
.w1{
	width: 1% !important;
}
.w2{
	width: 2% !important;
}
.w3{
	width: 3% !important;
}
.w4{
	width: 4% !important;
}
.w5{
	width: 5% !important;
}
.w6{
	width: 6% !important;
}
.w7{
	width: 7% !important;
}
.w8{
	width: 8% !important;
}
.w9{
	width: 9% !important;
}
.w10{
	width: 10% !important;
}
.w11{
	width: 11% !important;
}
.w12{
	width: 12% !important;
}
.w13{
	width: 13% !important;
}
.w14{
	width: 14% !important;
}
.w15{
	width: 15% !important;
}
.w16{
	width: 16% !important;
}
.w17{
	width: 17% !important;
}
.w18{
	width: 18% !important;
}
.w19{
	width: 19% !important;
}
.w20{
	width: 20% !important;
}
.w21{
	width: 21% !important;
}
.w22{
	width: 22% !important;
}
.w23{
	width: 23% !important;
}
.w24{
	width: 24% !important;
}
.w25{
	width: 25% !important;
}
.w26{
	width: 26% !important;
}
.w27{
	width: 27% !important;
}
.w28{
	width: 28% !important;
}
.w29{
	width: 29% !important;
}
.w30{
	width: 30% !important;
}
.w31{
	width: 31% !important;
}
.w32{
	width: 32% !important;
}
.w33{
	width: 33% !important;
}
.w34{
	width: 34% !important;
}
.w35{
	width: 35% !important;
}
.w36{
	width: 36% !important;
}
.w37{
	width: 37% !important;
}
.w38{
	width: 38% !important;
}
.w39{
	width: 39% !important;
}
.w40{
	width: 40% !important;
}
.w41{
	width: 41% !important;
}
.w42{
	width: 42% !important;
}
.w43{
	width: 43% !important;
}
.w44{
	width: 44% !important;
}
.w45{
	width: 45% !important;
}
.w46{
	width: 46% !important;
}
.w47{
	width: 47% !important;
}
.w48{
	width: 48% !important;
}
.w49{
	width: 49% !important;
}
.w50{
	width: 50% !important;
}
.w51{
	width: 51% !important;
}
.w52{
	width: 52% !important;
}
.w53{
	width: 53% !important;
}
.w54{
	width: 54% !important;
}
.w55{
	width: 55% !important;
}
.w56{
	width: 56% !important;
}
.w57{
	width: 57% !important;
}
.w58{
	width: 58% !important;
}
.w59{
	width: 59% !important;
}
.w60{
	width: 60% !important;
}
.w61{
	width: 61% !important;
}
.w62{
	width: 62% !important;
}
.w63{
	width: 63% !important;
}
.w64{
	width: 64% !important;
}
.w65{
	width: 65% !important;
}
.w66{
	width: 66% !important;
}
.w67{
	width: 67% !important;
}
.w68{
	width: 68% !important;
}
.w69{
	width: 69% !important;
}
.w70{
	width: 70% !important;
}
.w71{
	width: 71% !important;
}
.w72{
	width: 72% !important;
}
.w73{
	width: 73% !important;
}
.w74{
	width: 74% !important;
}
.w75{
	width: 75% !important;
}
.w76{
	width: 76% !important;
}
.w77{
	width: 77% !important;
}
.w78{
	width: 78% !important;
}
.w79{
	width: 79% !important;
}
.w80{
	width: 80% !important;
}
.w81{
	width: 81% !important;
}
.w82{
	width: 82% !important;
}
.w83{
	width: 83% !important;
}
.w84{
	width: 84% !important;
}
.w85{
	width: 85% !important;
}
.w86{
	width: 86% !important;
}
.w87{
	width: 87% !important;
}
.w88{
	width: 88% !important;
}
.w89{
	width: 89% !important;
}
.w90{
	width: 90% !important;
}
.w91{
	width: 91% !important;
}
.w92{
	width: 92% !important;
}
.w93{
	width: 93% !important;
}
.w94{
	width: 94% !important;
}
.w95{
	width: 95% !important;
}
.w96{
	width: 96% !important;
}
.w97{
	width: 97% !important;
}
.w98{
	width: 98% !important;
}
.w99{
	width: 99% !important;
}
.w100{
	width: 100% !important;
}

/* 顶部 */
.tit-cen {
	position: absolute;
	top: -32px;
	color: #fff;
	z-index: 999;
	text-align: center;
	width: 90%;
	left: 5%;
}
/* border-radius */
.b-r-10 {
	border-radius: 10rpx!important;
}
.b-r-20 {
	border-radius: 20rpx!important;
}


/* flex布局 */
.flex {
	display: flex;
}
.justify-around {
	justify-content: space-around!important;
}
.justify-between {
	justify-content: space-between!important;
}
.flex-wrap {
	flex-wrap: wrap!important;
}
/* fixed布局 */
.fixed {
	position: fixed!important;
}
.fixed-bottom-0 {
	bottom: 0!important;
}

/* text-align */
.t-a-l {
	text-align: left!important;
}
.t-a-c {
	text-align: center!important;
}
.t-a-right {
	text-align: right!important;
}

/* padding margin*/
.p-r-5 {
	padding-right:10rpx!important;
}
.p-l-5 {
	padding-left:10rpx!important;
}
.p-t-5 {
	padding-top:10rpx!important;
}
.p-b-5 {
	padding-bottom:10rpx!important;
}
.p-r-10 {
	padding-right:20rpx!important;
}
.p-l-10 {
	padding-left:20rpx!important;
}
.p-r-15 {
	padding-right:30rpx!important;
}
.p-l-15 {
	padding-left:30rpx!important;
}
.p-t-10 {
	padding-top:20rpx!important;
}
.p-b-10 {
	padding-bottom:20rpx!important;
}
.padding-5 {
	padding: 10rpx!important;
}
.padding-10 {
	padding: 20rpx!important;
}
.m-r-10 {
	margin-right:20rpx!important;
}
.m-l-10 {
	margin-left:20rpx!important;
}
.m-t-10 {
	margin-top:20rpx!important;
}
.m-b-10 {
	margin-bottom: 20rpx!important;
}
.margin-10 {
	margin:20rpx!important;
}

.require::before {
	content: '*';
	color: #FF0000;
	padding-right: 10rpx;
}

/* overflow显示 */
.f-overflow {
	word-break: break-word; //换行模式
	overflow: hidden;
	text-overflow: ellipsis; //修剪文字
	display: -webkit-box;
	-webkit-line-clamp: 2; //此处为上限行数
	-webkit-box-orient: vertical;
	font-size: 20rpx;
	color: #808080;
	line-height:40rpx;
}
.f-overflow-1 {
	overflow: hidden;
	text-overflow: ellipsis; 
	white-space: nowrap;
}

/* 文字颜色 */
.f-c-grey {
	color: #808080;
}
.f-c-white {
	color: #ffffff!important;
}
.f-w-b {
	font-weight: bold;
}

.bg-theme {
	background-color: #5776DD!important;
}
.bg-white {
	background-color: #FFFFFF!important;
}
.greencolor {
	color: #00C734!important;
}
.bluecolor {
	color: #0369D6!important;
}
.redcolor {
	color: #FC544B!important;
}
.bg-red {
	background-color: #FC544B;
}
.bg-green {
	background-color: #00C734;
}
.greycolor {
	color: #888888!important;
}


.list-item {
	margin:20rpx;
	border-radius:10rpx;
	margin-bottom: 20rpx;
	background-color: #ffffff;
}
/deep/ .uni-input-input, /deep/ .uni-input-placeholder {
	font-size:28rpx!important;
	color: #8C8C8C;
}
/deep/ uni-tabbar .uni-tabbar__icon{
	width:44rpx!important;
	height:44rpx!important;
}


/* input、button\switch样式重置 */
input {
	padding: 10rpx 0;
	width: 70%;
	border: 1px solid #f2f2f2;
	border-radius: 10rpx;
	margin: 0 15rpx;
	height: 45rpx;
}


ul li {
	list-style: none;
}
/deep/ .uni-radio-input {
	width: 30rpx;
	height: 30rpx;
	font-size: 26rpx;
}

/deep/ .uni-label-pointer {
	margin-right: 40rpx;
}

/deep/ .uni-input-input {
	font-size: 28rpx;
	padding: 5rpx;
}
/deep/ .uni-input-placeholder {
	font-size: 24rpx;
}

/deep/ .uni-radio-input-checked {
	border-color: #0369D6 !important;
	background-color: #0369D6 !important;
}

/deep/ uni-switch .uni-switch-input {
	height: 40rpx;
	width: 70rpx;
}

/deep/ uni-switch .uni-switch-input:after {
	height: 40rpx;
	left: 0rpx;
}

/deep/ uni-switch .uni-switch-input:before {
	height: 36rpx;
	left: 68rpx;
}

/deep/ uni-switch .uni-switch-input:after {
	height: 36rpx;
	width: 36rpx;
}

/deep/ uni-switch .uni-switch-input.uni-switch-input-checked {
	border-color: #0369D6 !important;
	background-color: #0369D6 !important;
}


/* 全局样式 */
.wrap {
	background-color: #ffffff;
	/* height: 100%; */
	padding: 0 20rpx;
	font-size: 26rpx;
	overflow: hidden;
}

.header {
	width: 100%;
	height: 75rpx;
	background-color: #ffffff;
	display: flex;
	justify-content: space-between;
}
.top {
	display: flex;
	position: relative;
	border-radius: 10rpx;
}
.top input {
	background-color: #ffffffff;
}
.top .ic_search {
	position: absolute;
	width:32rpx;
	height:32rpx;
	left:10rpx;
	top:16rpx;
}
.tab {
	flex: 1;
	height: 100%;
	width: 100%;
	line-height: 75rpx;
	text-align: center;
	font-size: 30rpx;
	border-bottom: 2rpx solid #f8f8f8;
}
.currentTab {
	border-bottom: 4rpx solid #0369D6;
}
.mask {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #b3b3b3;
	opacity: 0.5;
}
.divider {
	height: 16rpx;
}

.empty {
	position: absolute;
	top: 50%;
	left: 50%;
	width:100%;
	transform: translate(-50%, -50%);
	text-align: center;
	font-size: 15px;
	color:rgb(119, 119, 119);
}
button {
	background-color: #0369D6;
	height: 68rpx;
	line-height: 68rpx;
}
.btn {
	color: #ffffff;
	margin-left: 10rpx;
	text-align: center;
	border-radius: 10rpx;
	font-size: 26rpx;
	height: 65rpx;
	line-height: 65rpx;
}
.btn-group {
	width:100%;
	margin:0 auto;
	padding:40rpx;
	display: flex;
	justify-content: space-between;
	background-color: #ffffff;
}
.btn-cancel {
	height:60rpx;
	line-height: 60rpx;
	width: 200rpx;
	background-color: #ffffff;
	color: #0369D6;
	border: 1px solid #0369D6;
}
.btn-search {
	color: #ffffff;
	background-color: #0369D6!important;
	height:68rpx;
	width:150rpx;
	line-height: 68rpx;
	font-size: 28rpx;
	margin-left:20rpx;
}
.btn-operate {
	color: #ffffff;
	height:60rpx;
	line-height: 60rpx;
	font-size: 24rpx;
	min-width:120rpx;
}
.btn-save {
	height:80rpx;
	line-height: 80rpx;
	width: 200rpx;
	border: none;
	color: #FFFFFF;
	background-color: #0369D6!important;
}
.bt-white {
	border-radius: 10rpx;
	line-height: 50rpx;
	background: #fff;
	border-radius: 8rpx;
}

/* table */
.table-tit-th {
	border-radius: 0;
	border-top-right-radius: 10rpx;
	border-top-left-radius: 10rpx;
}
.tit-th {
	display: inline-block;
	overflow: hidden;
	font-size: 26rpx;
}

.dropdown-menu .dropdown-menu-head .item.selected .title {
	font-size: 28rpx!important;
}
.dropdown-menu .dropdown-menu-head .item {
	font-size: 28rpx!important;
}

	
/deep/ .uni-input-input {
	color: #1A1A1A!important;
}
/deep/ .uni-input-placeholder {
	color: #c1c1c1!important;
	font-size: 26rpx!important;
}
/deep/ uni-radio .uni-radio-input {
	width:30rpx;
	height:30rpx;
}


/* pop弹出层的样式,目前只有教学日志样式用到，其他地方可以参考 */
.sheet {
	background-color: white;
	padding: 20rpx;
	border-radius: 10rpx;
	margin: 0 20rpx;
}
.sheet_title{
	margin-bottom: 20rpx;
}
.sheet_title_name{
	color: #0369D6;
	font-size: 30rpx;
}

.sheetBtn{
	width: 100%;
	display: flex;
}

.closeBtn50{
	width: 50%;
	height: 60rpx;
	line-height: 64rpx;
	border-radius: 100px;
	background-color: #CCCCCC;
	color: #FFFFFF;
	font-size: 26rpx;
	margin: 0 auto;
	text-align: center;
}

.closeBtn{
	width: 35%;
	height: 60rpx;
	line-height: 64rpx;
	border-radius: 100px;
	background-color: #CCCCCC;
	color: #FFFFFF;
	font-size: 26rpx;
	margin: 0 auto;
	text-align: center;
}

.saveBtn{
	width: 35%;
	height: 60rpx;
	line-height: 64rpx;
	border-radius: 100px;
	background-color: #0369D6;
	color: #FFFFFF;
	font-size: 26rpx;
	margin: 0 auto;
	text-align: center;
}
/deep/ .el-cascader-panel {
	max-width:100vw;
	overflow: scroll;
}
/deep/ .el-cascader-menu {
	min-width:160px!important;
}